﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script src="../script/jquery.min.js"></script>
    <script src="../script/jquery.easyui.min.js"></script>
    <link href="../themes/icon.css" rel="stylesheet" />
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../themes/Site.css" rel="stylesheet" />

    <script type="text/javascript">
        $(function () {
            $('#dg').datagrid({

                url: 'datagrid_data1.json',
                method: "get",
                columns: [[
                { field: 'productid', title: '商品编号', width: 100 },
                { field: 'productname', title: '名称', width: 100 },
                { field: 'unitcost', title: '价格', width: 100, align: 'right' },
                { field: 'status', title: '质量', width: 100, align: 'right' }
                ]]
            })
        });
        //新增会员
        $(function () {
            $("#btnadd").click(function () {
                $("#dd").dialog({
                    width: 750,
                    height: 400,
                }).dialog("setTitle", "新增会员").dialog("open");
                $("#frm").attr("src", "xinzeng.html");
            })
        })
        //修改会员信息
        $(function () {
            $("#btnedit").click(function () {
                $("#dd").dialog({
                    width: 750,
                    height:400,
                }).dialog("setTitle", "编辑会员").dialog("open");
                $("#frm").attr("src", "Eidt.html");
            })
        })
        //删除
        $(function () {
            $("#btndelete").click(function () {
                $.messager.confirm('确认', '您确认要删除此条记录吗？', function (r) {
                    if (r) {
                        alert('确认删除');

                    }
                })
            })
        })

    </script>
</head>
<body>
    

            <div title="会员列表" data-options="iconCls:'icon-ok',closable:true">
                <a id="btnadd"  class="easyui-linkbutton" data-options="iconCls:'icon-add'">新增</a>
                <a id="btnedit" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
                <a id="btndelete" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>
                <a id="btn1" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-lock'">挂失/锁定</a>
                <a id="btn2" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-icona'">会员转账</a>
                <a id="btn3" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload'">会员换卡</a>
                <a id="btn4" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-exced'">导出Excel</a>
                <a id="btn5" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-iconc'">导入Excel</a> <br />
                会员卡号：<input type="text" style="width:50px;" />
                会员姓名：<input type="text" style="width:50px;" />
                电话：<input type="text" style="width:50px;" />
                会员等级：<select id="cc1" class="easyui-combobox" name="dept" style="width:100px;">
                    <option value="aa">aitem1</option>
                    <option>bitem2</option>
                    <option>bitem3</option>
                </select>
                状态：
                <select id="cc2" class="easyui-combobox" name="dept" style="width:100px;">
                    <option value="aa">aitem1</option>
                    <option>bitem2</option>
                    <option>bitem3</option>
                    <option>ditem4</option>
                    <option>eitem5</option>
                </select><br />
                <a id="btn6" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>
            </div>


    <div>
        <table id="dg"></table>
    </div>

    <div id="dd">
        <iframe id="frm" width="100%" height="99%" frameborder="0" scrolling="no"></iframe>
</div> 
    

    
    
</body>

</html>
